new Vue({
	el: '#app',
	data: function() {
		return {
			activeName: '1',
			chartColumn1: null,
			pickerOptions: {
			          shortcuts: [{
			            text: '最近一周',
			            onClick(picker) {
			              const end = new Date();
			              const start = new Date();
			              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
			              picker.$emit('pick', [start, end]);
			            }
			          }, {
			            text: '最近一个月',
			            onClick(picker) {
			              const end = new Date();
			              const start = new Date();
			              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
			              picker.$emit('pick', [start, end]);
			            }
			          }, {
			            text: '最近三个月',
			            onClick(picker) {
			              const end = new Date();
			              const start = new Date();
			              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
			              picker.$emit('pick', [start, end]);
			            }
			          }]
			        },
			value1: '',
			value2: '',
			tableData: [{
						rank: '01',
						coursename: '10月13号 驾驶模拟器培训+抽考',
						percent: '85%',
						status: '开班'
			        }, {
						rank: '02',
						coursename: '10月13号 驾驶模拟器培训+抽考',
						percent: '71%',
						status: '开班'
			        }, {
						rank: '03',
						coursename: '10月13号 驾驶模拟器培训+抽考',
						percent: '62%',
						status: '未开班'
			        }, {
						rank: '04',
						coursename: '10月13号 驾驶模拟器培训+抽考',
						percent: '56%',
						status: '未开班'
			        }, {
						rank: '05',
						coursename: '10月13号 驾驶模拟器培训+抽考',
						percent: '48%',
						status: '开班'
			        }, {
						rank: '06',
						coursename: '10月13号 驾驶模拟器培训+抽考',
						percent: '36%',
						status: '未开班'
			        }, {
						rank: '07',
						coursename: '10月13号 驾驶模拟器培训+抽考',
						percent: '24%',
						status: '开班'
			        }, {
						rank: '08',
						coursename: '10月13号 驾驶模拟器培训+抽考',
						percent: '22%',
						status: '未开班'
			        }, {
						rank: '09',
						coursename: '10月13号 驾驶模拟器培训+抽考',
						percent: '16%',
						status: '开班'
			        }],
			tableData2: [{
						rank: '1',
						time: '2020.09.12 12:23:34',
						coursename: '刘海俊培训报名费',
						percent: '85%',
						status: '开班'
			        }, {
						rank: '02',
						coursename: '10月13号 驾驶模拟器培训+抽考',
						percent: '71%',
						status: '开班'
			        }, {
						rank: '03',
						coursename: '10月13号 驾驶模拟器培训+抽考',
						percent: '62%',
						status: '未开班'
			        }, {
						rank: '04',
						coursename: '10月13号 驾驶模拟器培训+抽考',
						percent: '56%',
						status: '未开班'
			        }, {
						rank: '05',
						coursename: '10月13号 驾驶模拟器培训+抽考',
						percent: '48%',
						status: '开班'
			        }, {
						rank: '06',
						coursename: '10月13号 驾驶模拟器培训+抽考',
						percent: '36%',
						status: '未开班'
			        }, {
						rank: '07',
						coursename: '10月13号 驾驶模拟器培训+抽考',
						percent: '24%',
						status: '开班'
			        }, {
						rank: '08',
						coursename: '10月13号 驾驶模拟器培训+抽考',
						percent: '22%',
						status: '未开班'
			        }, {
						rank: '09',
						coursename: '10月13号 驾驶模拟器培训+抽考',
						percent: '16%',
						status: '开班'
			        }]
		}
	},
	mounted() {
				},
	methods: {
		filterTag(value, row) {
		return row.status === value;
		},
		filterHandler(value, row, column) {
		const property = column['status'];
		return row[property] === value;
		},
		menuClick(whichnav) {
		    this.whichnav = whichnav
		}
	}
})